<template>
	<!-- 
		使组件无状态 (没有 data) 和无实例 (没有 this 上下文)
		只能接受来自props的数值 并且因为没有实例,在模板中使用props的值的时候 使用 props.xxxx
		特点总结:
			没有任何状态
			没有实例(没有this)
			没有生命周期
		优点:
			渲染开销比较低
			速度快
		作用:主要是为了做展示组件(没有功能只展示结构的组件)
			在单文件组件中 直接在template组件上书写一个 functional的属性即可
	-->
  <div>
		<button @click="count++">changeConut </button> count: {{count}}
    <One :count="count" />
    <Two />
  </div>
</template>

<script>
import One from "@/pages/One";
import Two from "@/pages/Two";
export default {
  name: "App",
	data() {
		return {
			count:0
		}
	},
  components: {
    One,
    Two,
  },
};
</script>

<style scoped></style>
